<template>
  <div>
      <div class="no-message-icon">
        <!-- <img v-if="imageType == 'message'" :src="require('@/assets/no-message.png')" :style="{'width': imageSize}"  /> -->
        <!-- <img v-if="imageType == 'task' || imageType == '' || imageType == undefined" :src="require('@/assets/no-task.png')" :style="{'width': imageSize}"  /> -->
      </div>
      <div class="no-message-text" :style="{'font-size': textSize}">{{text}}</div>
  </div>
</template>

<script>
/**
 * 缺省页   imageType: 值message  消息列表缺省页   传task或者不传 默认任务列表缺省页
 */
  export default {
    name: 'gzDefaultpage',
    props: {
      imageType: {
        type: String,
        default: ''
      },
      // 图片大小
      imageSize: {
        type: String,
        default: '60%'
      },
      text: {
        type: String,
        default: ''
      },
      // 字体大小
      textSize: {
        type: String,
        default: '1.3em'
      }
    },
    computed: {
    },
    data() {
      return {
      }
    },
    watch: {
    },
    methods: {
      
    }
  }
</script>

<style lang="less" scoped>
  .no-message-icon{
    width: 100%;
    margin: 30% 0 0;
    text-align: center;
    img{
      width: 100%;
      margin: 0 auto;
    }
  }
  .no-message-text{
    text-align: center;
    font-size: 1.3em;
    color: #C1C1C1;
  }
</style>
